<!doctype html>
<html lang="zh" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML5和CSS3炫酷文字样式和鼠标滑过特效|DEMO_HTML素材网-自由分享jQuery、html5、css3的插件库</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<link rel="stylesheet" type="text/css" href="css/linkstyles.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css" />
	<link rel="stylesheet" type="text/css" href="css/pacifico-style.css" />
	<!--[if IE]>
		<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
	<style> /* Firefox seems to have issues loading the clip path from inside the CSS */
		.link--urpi::before {
			-webkit-clip-path: url(#cp_up); 
			clip-path: url(#cp_up);
		}

		.link--urpi::after {
			-webkit-clip-path: url(#cp_down); 
			clip-path: url(#cp_down);
		}
	</style>
</head>
<body>
	<div class="htmleaf-container">
		<div class="container">
			<div class="grid">
				<div class="grid__item color-1">
					<a class="link link--kukuri" href="#" data-letters="Kukuri">Kukuri</a>
				</div>
				<div class="grid__item">
					<a class="link link--takiri" href="#">Takiri <span>Where do you want to be?</span></a>
				</div>
				<div class="grid__item color-2">
					<a class="link link--surinami" href="#"><span data-letters-l="Suri" data-letters-r="nami">Surinami</span></a>
				</div>
				<div class="grid__item color-3">
					<a class="link link--nukun" href="#">Nu<span>k</span>un</a>
				</div>
				<div class="grid__item color-8">
					<a class="link link--manko" href="#">Manko <span>one step</span> <span>at a time</span></a>
				</div>
				<div class="grid__item color-11">
					<a class="link link--yaku" href="#">
						<span>Y</span><span>a</span><span>k</span><span>u</span>					
					</a>
				</div>
				<div class="grid__item color-7">
					<a class="link link--mallki" href="#">Mallki<span data-letters="Mallki"></span><span data-letters="Mallki"></span></a>
				</div>
				<div class="grid__item color-9">
					<a class="link link--ilin" href="#"><span>Il</span><span>in</span></a>
				</div>
				<div class="grid__item color-10">
					<div class="neon-board__text">Fich<span class="neon-board__character--flickering">t</span>enelch</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>